<template>
  <view class="content">
    <view class="banner">
      <view class="wrap" @click="onRedirectPage">
        <view class="menu-t">
          <view class="menu-name">仓库名称123</view>
          <view class="menu-address">
            <text>北京市</text>｜
            <text>北京市北京市通州区张家湾镇</text>
          </view>
        </view>
        <view class="icon-g"><image src="/static/images/ic_go.png" /></view>
      </view>
    </view>
      <view class="banner">
      <view class="wrap" @click="onRedirectPage">
        <view class="menu-t">
          <view class="menu-name">仓库名称123</view>
          <view class="menu-address">
            <text>北京市</text>｜
            <text>北京市北京市通州区张家湾镇</text>
          </view>
        </view>
        <view class="icon-g"><image src="/static/images/ic_go.png" /></view>
      </view>
    </view>
      <view class="banner">
      <view class="wrap" @click="onRedirectPage">
        <view class="menu-t">
          <view class="menu-name">仓库名称123</view>
          <view class="menu-address">
            <text>北京市</text>｜
            <text>北京市北京市通州区张家湾镇</text>
          </view>
        </view>
        <view class="icon-g"><image src="/static/images/ic_go.png" /></view>
      </view>
    </view>
      <view class="banner">
      <view class="wrap" @click="onRedirectPage">
        <view class="menu-t">
          <view class="menu-name">仓库名称123</view>
          <view class="menu-address">
            <text>北京市</text>｜
            <text>北京市北京市通州区张家湾镇</text>
          </view>
        </view>
        <view class="icon-g"><image src="/static/images/ic_go.png" /></view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "warehouse",
  data() {
    return {};
  },
  methods: {
    onRedirectPage() {
      console.log("ohh");
    },
  },
};
</script>

<style lang="scss" scoped>
.content {
  background: #f6f6f6;
  width: 100vw;
  height: 100vh;
  padding: 20rpx 0;
  .banner {
    padding-left: 25rpx;
    background: #fff;
    &:last-child  .wrap{
        border-bottom: none;
      }
    .wrap {
      box-sizing: border-box;
      width: 100%;
      height: 149rpx;
      padding-right: 25rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #ededed;
      
      .menu-t {
        width: 680rpx;
        .menu-name {
          width: 100%;
          font-size: 32rpx;
        }
        .menu-address {
          width: 100%;
          color: #999;
          font-size: 24rpx;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }
      .icon-g {
        image {
          width: 36rpx;
          height: 36rpx;
        }
      }
    }
  }
}
</style>
